---
title: "Web-based IDE | Teaching code | Codio"
description: "Codio’s web-based IDE has the power of a desktop version, with many advanced features."
---
<% @pricingType = "university" %>
<% @signupUrl = "/p/free-education-trial" %>

<section class="ide-body">

  <section class='section top'>
    <h1 class="">
      Online IDE
    </h1>
    <h2>
      Teach Java, Python, C++ and more
    </h2>
    <div class="webide-section-block-row">
      <div class="section-block h_iframe">
        <%= image_tag 'assets/school/placeholdit.png', class: "ratio" %>
        <iframe src="https://player.vimeo.com/video/177558343?byline=0&portrait=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
        </iframe>
      </div>
      <div class="section-block">
        <h4>
          Hassle-free and simple to use
        </h4>
        <div class="section-block-text">Because it’s web-based, there’s nothing to download, install or update. You can teach any programming
          language such as Python, Java, C++, HTML, PHP, Javascript and more. It comes with an
          <a href="/blog/integrated-debugger-launched-for-multiple-programming-languages/">integrated debugger</a>
          that supports Python, Java, C, C++ and NodeJS.
        </div>
      </div>
    </div>

    <div class="action-buttons animated fadeInUp">
      <%= link_to 'Free 30 day trial', '/p/free-education-trial', class: 'button button-xlarge button-main' %>
    </div>
  </section>

  <div class="section showcase">
    <div class="section-body">
      <img src="/img/assets/features/ide/ide.png" alt="" />
    </div>
  </div>

  <div class="section">
    <div class="section-body">
      <div class="section-block-row">
        <div class="section-block">
          <h3 class="section-block-header savings">
            Rich online code editor
          </h3>
          <div class="section-block-copy">
            No special knowledge is needed to use Codio’s IDE. It's powerful
            and used by advanced developers and easy enough for those who are
            learning to code, and starts as soon as you open a project.
          </div>
        </div>
        <div class="section-block">
          <h3 class="section-block-header productivity">
            Advanced features
          </h3>
          <div class="section-block-copy">
            Multiple code panels. <a href="/docs/ide/navigation/editing/">Syntax highlighting support</a> for all
            programming languages. <a href="/docs/ide/features/">Codio's advanced features</a> are easy to use
            by beginners and help experienced users be more productive.
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section full-width grey-top">
    <div class="section-block">
      <h2 class="section-header">
        Additional features for Coders
      </h2>
      <p class="section-copy">
        Codio is used by professionals, advanced students and developer
        teams. Our IDE features also include autocomplete, code-folding,
        key-bindings, line-numbering, multiple cursors, detailed control
        over visual themes and preferences, key bindings, standard and regex
        search and replace.
      </p>
    </div>
  </div>

  <div class="section quote grey-top">
    <div class="section-block">
      <div class="left-quote">
        &ldquo;
      </div>
      <div class="section-block-copy">
        Codio’s education tools made it attractive. Not just to put everyone
        on the same platform, but also as a tool for managing classes. It’s
        given us a way to organise a lot of the technical things we’re doing
        with the kids, and is part of the strategic plan that’s helping us to
        scale.
      </div>
      <div class="right-quote">
        &rdquo;
      </div>
    </div>
    <div class="teacher">
      <div class="profile">
        <%= inline_svg "assets/features/quotes/man-young-black.svg", class: "" %>
      </div>
      <div class="copy">
        <h4>Sylvester Mobley</h4>
        <p>
          Founder, CodedbyKids <br>
          Philadelphia, USA <br>
          <%= link_to 'Learn more', 'http://blog.codio.com/coded-by-kids-and-codio/', class: 'link' %>
        </p>
      </div>
    </div>
  </div>

  <%= partial "features-call-to-action" %>
</section>
